jQuery(function(jQuery) {
    jQuery('#popup').css('margin-left', '-' + (jQuery('#popup').width() / 2) + 'px');

    jQuery(".guardar").click(function() {
        //AJAX

        var data = {//estos son los datos que paso por $_POST
            action: 'guardar_cantidad',
            id_cantidad: jQuery('.id_cantidad').val(),
            cantidad: jQuery('.cantidad').val()
        };
        
        jQuery.ajax({
            type: "POST",
            url: ajax_object.ajax_url,
            data: data,
            beforeSend: function() {
                disablePopup();
                cargando();
            },
            success: function(datos) {
                jQuery('.lista').html(datos);
            },
            timeout: 4000,
            error: function() {
                alert('No se ha podido establecer la conexión con el servidor.');
                jQuery('.cargando').fadeOut();
            }
        });
    });
    jQuery("label.agregar").click(function() {
        loadPopup(); // function show popup 
    });

    jQuery("div.close").click(function() {
        disablePopup(); // function close pop up
    });

    jQuery("input.cancelar").click(function() {
        disablePopup(); // function close pop up
    });

    jQuery(this).keyup(function(event) {
        if (event.which == 27) { // 27 is 'Ecs' in the keyboard
            disablePopup(); // function close pop up
        }
    });
    /************** start: functions. **************/

    function loadPopup() {
        jQuery("#popup").fadeIn(0500); // fadein popup div
        jQuery("#backgroundPopup").fadeIn(0001);
    }

    function disablePopup() {
        jQuery('input[type="text"]').val('');
        jQuery("#popup").fadeOut("normal");
        jQuery("#backgroundPopup").fadeOut("normal");
    }

    function cargando() {

        var w, h; //varibles width y height
        w = jQuery('.tabla-cantidades').width();
        h = jQuery('.tabla-cantidades').height() - 21;
        //            alert(w+' || '+h);
        jQuery('.cargando').css({width: w, height: h, 'line-height': (h + 9) + 'px'});
        jQuery('.cargando').fadeIn();
    }

    /************** end: functions. **************/
}); // jQuery End





















